<template>
    <div class="about">
        <div class="w content clearfix">
            <div class="left" id="tab">
                <ul>
                    <li><a href="#gywm">关于我们</a></li>
                    <li><a href="#bqbh">版权声明</a></li>
                    <li><a href="#ysbh">隐私保护</a></li>
                    <li><a href="#lxwm">联系我们</a></li>
                </ul>
            </div>
            <div class="right">
                <h3><a name="gywm">关于我们</a></h3><br />
                <p class="aboutUs">
                    IDEA-(爱递儿)<br />
                    专注于贫困儿童成长的物品捐赠公益网站，提供学习和生活上的物质上的帮助，环保利用旧衣服、书籍、学习和生活用品！物品捐赠垂直社区、中国人气最高的物品捐赠平台。<br />
                    IDEA，自2008年发展至今已有8年积累。历年来，IDEA曾经组织会员参与过系列的国内外的物品捐赠创新创业竞赛，并取得了优异成绩。每年举办一届行业聚会。在我们的会员中赢得了口碑。不断的推出一些会员活动、曾经与壹基金、红十字会，阿里巴巴、京东、当当网、亚马逊等知名公益机构和互联网企业合作活动。未来，IDEA将继续以物品捐赠为中心，为捐助者和受助者提供最好的服务，提高旧物品的绿色循环、环保利用！
                </p><br /><br /><br />
                <h3><a name="bqbh">版权声明</a></h3><br /><br /><br />
                <p class="claim">
                  一、特别提示<br />
                  1.1IDEA同意按照本协议的规定及其不时发布的操作规则提供基于互联网以及移动网相关服务（以下称“网络服务”），为获得网络服务，服务使用人（以下称“用户”）应当同意本协议的全部条款并按照页面上的提示完成全部的注册程序。用户在进行注册程序过程中点击“同意”按钮即表示用户完全接受本协议项下的全部条款。<br />
                  1.2用户注册成功后，IDEA将给予每个用户一个用户帐号及相应的密码，该用户帐号和密码由用户负责保管；用户应当对以其用户账号进行的所有活动和事件负法律责任。<br /><br />
                  二、服务内容<br />
                  2.1IDEA网络服务的具体内容由IDEA根据实际情况提供，例如搜索、资讯、分享、原创、竞赛和活动等。<br />
                  2.2IDEA提供的部分网络服务为收费的网络服务，用户使用收费网络服务需要向IDEA支付一定的费用。对于收费的网络服务，IDEA会在用户使用之前给予用户明确的提示，只有用户根据提示确认其愿意支付相关费用，用户才能使用该等收费网络服务。如用户拒绝支付相关费用，则IDEA有权不向用户提供该等收费网络服务。<br />
                  2.3用户理解，IDEA仅提供相关的网络服务，除此之外与相关网络服务有关的设备（如个人电脑、其他与接入互联网或移动网有关的装置）及所需的费用（如为接入互联网而支付的电话费及上网费）均应由用户自行负担。<br /><br />
                  三、服务变更、中断或终止<br />
                  3.1鉴于网络服务的特殊性，用户同意IDEA有权随时变更、中断或终止部分或全部的网络服务（包括收费网络服务）。如变更、中断或终止的网络服务属于免费网络服务，IDEA无需通知用户，也无需对任何用户或第三方承担任何责任；如变更、中断或终止的网络服务属于收费网络服务，IDEA应当在变更、中断或终止之前事先通知用户，并应向受影响的用户提供等值的替代性的收费网络服务，如用户不愿意接受替代性的收费网络服务，就该用户已经向IDEA支付的服务费，IDEA应当按照该用户实际使用相应收费网络服务的情况扣除相应服务费之后将剩余的服务费退还给该用户。<br />
                  3.2用户理解，IDEA需要定期或不定期地对提供网络服务的平台（如互联网网站）或相关的设备进行检修或者维护，如因此类情况而造成收费网络服务在合理时间内的中断，IDEA无需为此承担任何责任，但IDEA应尽可能实现进行通告。<br />
                  3.3如发生下列任何一种情况，IDEA有权随时中断或终止向用户提供本协议项下的网络服务（包括 收费网络服务）而无需对用户或任何第三方承担任何责任：<br />
                  3.3.1用户提供的个人资料不真实；3.3.2用户违反本协议中规定的使用规则；3.3.3用户在使用收费网络服务时未按规定向IDEA支付相应的服务费。<br />
                  3.4如用户注册的免费网络服务的帐号在任何连续180日内未实际使用，或者用户注册的收费网络服务的帐号在其订购的收费网络服务的服务期满之后连续180日内未实际使用，则IDEA有权删除该帐号并停止为该用户提供相关的网络服务。<br /><br />
                  四、使用规则<br />
                  4.1用户在申请使用IDEA网络服务时，必须向IDEA提供准确的个人资料，如个人资料有任何变动，必须及时更新。<br />
                  4.2用户不应将其帐号、密码转让或出借予他人使用。如用户发现其帐号遭他人非法使用，应立即通知IDEA。因黑客行为或用户的保管疏忽导致帐号、密码遭他人非法使用，IDEA不承担任何责任。<br />
                  4.3用户必须同意接受IDEA通过电子邮件或其他方式向用户发送商品促销或其他相关商业信息。<br />
                  4.4用户对于其创作并通过IDEA网络服务上传到IDEA网站上的内容依法享有版权及其他相关合法权利。<br />
                  4.5用户在使用IDEA网络服务过程中，必须遵循以下原则：4.5.1遵守中国有关的法律和法规；4.5.2遵守所有与网络服务有关的网络协议、规定和程序；4.5.3不得为任何非法目的而使用网络服务系统；4.5.4不得利用IDEA网络服务系统进行任何可能对互联网正常运转造成不利影响的行为；4.5.5不得利用IDEA提供的网络服务上传、展示或传播任何虚假的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、庸俗淫秽的或其他任何非法的信息资料；4.5.6不得侵犯其他任何第三方的专利权、著作权、商标权、名誉权或其他任何合法权益；4.5.7不得利用IDEA网络服务系统进行任何不利于IDEA的行为；4.5.8如发现任何非法使用用户帐号或帐号出现安全漏洞的情况，应立即通告IDEA。<br />
                  4.6如用户在使用网络服务时违反任何上述规定，IDEA或其授权的人有权要求用户改正或直接采取一切必要的措施（包括但不限于梗概或删除用户张贴的内容等、暂停或终止用户使用网络服务的权利）以减轻用户不当行为造成的影响。<br />
                  4.7IDEA针对某些特定的IDEA网络服务的使用通过各种方式（包括但不限于网页公告、电子邮件、短信提醒等）作出的任何声明、通知、警示等内容视为本协议的一部分，用户如使用该等IDEA网络服务，视为用户同意该等声明、通知、警示的内容。<br /><br />
                  五、知识产权<br />
                  5.1IDEA提供的网络服务中包含的任何文本、图片、图形、音频或视频资料均受版权、商标或其他财产所有权法律的保护，未经相关权利人同意，上述资料均不得在任何媒体直接或间接发布、播放、出于播放或发布目的而改写或再发型，或者被用于其他任何商业目的。所有这些资料或资料的任何部分仅可作为私人和非商业用途而保存在某台计算机内。IDEA不就由上述资料产生或在传送或递交全部或部分上述资料过程中产生的延误、不准确、错误和遗漏或从中产生或由此产生的任何损害赔偿，以任何形式，向用户或任何第三方负责。5.2IDEA为提供网络服务而使用的任何软件（包括但不限于软件中所含的任何图像、照片、动画、录像、录音、音乐、文字和附加程序、随附的帮助材料）的一切权利均属于该软件的著作权人，未经该软件的著作权人许可，用户不得对该软件进行反向（reverse engineer）、反向编译（decompile）或反汇编（disassemble）。<br /><br />
                  六、隐私保护6.1保护用户隐私是IDEA的一项基本政策，IDEA保证不对外公开或向第三方提供单个用户的注册资料及用户在使用网络服务时存储在IDEA的非公开内容，但下列情况除外：6.1.1事先获得用户的明确授权；6.1.2根据有关的法律法规要求；6.1.3按照相关政府主管部门的要求；6.1.4为维护社会公众的礼仪；6.1.5为维护IDEA的合法权益。6.2IDEA可能会与第三方合作向用户提供相关的网络服务，在此情况下，如该第三方同意承担与IDEA同等的保护用户隐私的责任，则IDEA有权将用户的注册资料等提供给该第三方。6.3在不透露单个用户隐私资料的前提下，IDEA有权对整个用户数据库进行分析并对用户数据库进行商业上的利用。<br /><br />
                  七、免责声明7.1用户明确同意其使用IDEA网络服务所存在的风险将完全由自己承担；因其使用IDEA网络服务而产生的一切后果也有其自己承担，IDEA对用户不承担任何责任。7.2IDEA不但报网络服务一定能满足用户的要求，也不担保网络服务不会中断，对网络服务的及时性、安全性、准确性也都不做担保。7.3IDEA不保证为向用户提供便利而设置的外部链接的准确性和完整性，同时，对于该等外部链接指向的不由IDEA实际控制的任何网页上的内容，IDEA不承担任何责任。7.4对于因不可抗力或IDEA不能控制的原因造成的网络服务中断或其他缺陷，IDEA不承担任何责任，但将尽量减少因此而给用户造成的损失和影响。7.5用户同意，对于IDEA向用户提供的下列产品或者服务的质量缺陷本身及其引发的任何损失，IDEA无需承担任何责任：7.5.1IDEA向用户免费提供的各项网络服务；7.5.2IDEA向用户赠送的任何产品或者服务；7.5.3IDEA向收费网络服务用户附赠的各种产品或者服务。<br /><br />
                  八、违约赔偿8.1如因IDEA违反有关法律、法规或本协议项下的任何条款而给用户造成损失，IDEA同意承担由此造成的损害赔偿责任。8.2用户同意保障和维护IDEA及其他用户的利益，如因用户违反有关法律、法规或本协议项下的任何条款而给IDEA或任何其他第三人造成损失，用户同意承担由此造成的损害赔偿责任。<br /><br />
                  九、协议修改9.1IDEA有权随时修改本协议的任何条款，一旦本协议的内容发生变动，IDEA将会通过适当方式向用户提示修改内容。9.2如果不同意IDEA对本协议相关条款所做的修改，用户有权停止使用网络服务。如果用户继续使用网络服务，则视为用户接受IDEA对本协议相关条款所做的修改。<br /><br />
                  十、通知送达10.1本协议项下IDEA对于用户所有的通知均可通过网页公告、电子邮件或常规的信件传送等方式进行；该等通知于发送之日视为已送达收件人。10.2用户对于IDEA的通知应当通过IDEA对外正式公布的通信地址、传真好吗、电子邮件地址等联系信息进行送达。<br /><br />
                  十一、法律管辖11.1本协议的订立、执行和解释及争议的解决均应适用中国法律并受中国法院管辖。11.2如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向IDEA所在地的人民法院提起诉讼。<br /><br />
                  十二、其他规定12.1本协议构成爽法对本协议之约定事项及其他有关事宜的完整协议，除本协议规定的之外，未赋予本协议各方其他权利。12.2如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。12.3本协议中的标题仅为方便而设，在解释本协议时应被忽略。
                </p><br /><br /><br /><br />
                <h3><a name="ysbh">隐私保护</a></h3><br /><br />
                <p class="protect">
                    用户在UI中国进行登记注册、上传作品、参与讨论等活动时，经用户同意及确认，本网站将通过注册表格、订单等形式要求用户提供一些个人资料。IDEA收集此类个人身份信息，主要是为保证注册用户能够更容易和更满意地使用本站提供的服务。这些个人资料包括：<br />
                    （1）个人识别资料：如姓名、性别、生日、个人主页、即时通讯、所在地、电子邮件地址等。<br />
                    （2）个人背景：职业、婚姻、兴趣爱好等。<br />
                    用户知道，在四人博客网页、公共论坛或其他网上公开场合披露其个人信息时，此类信息可能会被他人收集并用来发送垃圾邮件或用于其他用途。<br />
                    IDEA对用户所提供的个人资料进行严格的管理及保护，IDEA将使用相应的技术，防止您的个人资料丢失、被盗用或遭篡改。<br />
                    IDEA保证不对外公开或向第三方提供单个用户的注册资料及用户在使用网络服务时存储在IDEA的非公开内容，但下列情况除外：<br />
                    （1）事先获得用户的明确授权；<br />
                    （2）根据有关的法律法规要求；<br />
                    （3）按照相关政府主管部门的要求；<br />
                    （4）为维护社会公众的利益；<br />
                    （5）为维护IDEA的合法权益；<br />
                    （6）IDEA技术人员的为维护把UI中国入场工作的需要。<br />
                    IDEA可能会与第三方合作向用户提供相关的网络服务，在此情况下，如该第三方同意承担与IDEA同等的保护用户隐私的责任，则IDEA有权将用户的注册资料等提供给第三方。<br />
                    在不透露单个用户隐私资料的前提下，IDEA有权对整个用户数据库进行分析并对用户数据库进行商业上的利用。<br />
                </p><br /><br /><br /><br />
                <h3><a name="lxwm">联系我们</a></h3><br /><br />
                <p class="contact">
                    网站问题&举报投诉&建议意见<br />
                    Email：1290226136@qq.com<br />
                    QQ群：<br />
                    反馈：到建议以及意见反馈专区发帖<br />
                    商务合作<br />
                    联系人：<br />
                    Email：<br />
                    QQ：<br />
                    招聘信息刊登<br />
                    Email：<br />
                    发布要求：<br />
                </p><br /><br /><br /><br /><br />
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        data(){
            return {}
        },
        mounted(){
            function tab2(tab) {
                var target = document.getElementById(tab);
                var Tablis = target.getElementsByTagName("a");
                for (var i = 0; i < Tablis.length; i++) {
                    Tablis[i].onclick = function (num) {
                        return function () {
                            for (var j = 0; j < Tablis.length; j++) {
                                Tablis[j].className = "";
                            }
                            Tablis[num].className = "current";
                        }
                    }(i);
                }
            }

            tab2("tab");
        }
    }
</script>
<style scoped>
    .current{
        background-color: #F0F0E1;
    }
    .content {

        padding-top: 41px;
        background-color: white;
    }

    .content .left {
        float: left;
        /*padding-left: 31px;*/
        width: 167px;
        height: 200px;
        border: 1px solid black;
        margin-right: 45px;

    }

    .content .left li {
        line-height: 50px;
        font-size: 18px;
        font-weight: 800;

    }

    .content li a {
        display: block;
        line-height: 50px;
        width: 167px;
        text-align: center;

    }

    .content li a:hover {
        color: black;
        background-color: #F0F0E1;
    }

    .content .right {
        overflow: hidden;
        width: 700px;
        /*border: 1px red solid;*/
        /*float: left;*/
    }

    .right h3 {
        font-size: 24px;
        line-height: 24px;
        font-weight: 700;
    }

    .aboutUs{
        font-size: 18px;
        line-height: 30px;
        color: rgba(0,0,0,0.8);
        font-size: '微软雅黑';
        font-weight: 600;
    }

    .claim{
        font-size: 14px;
        line-height: 22px;
        font-size: '微软雅黑';
    }

    .protect{
        font-size: 14px;
        line-height: 22px;
        font-size: '微软雅黑';
    }

    .contact{
        font-size: 20px;
        line-height: 28px;
        font-size: '微软雅黑';
    }
</style>